import React from 'react';
import { Card, Typography } from 'antd';

const { Title, Paragraph, Text } = Typography;

const BuyStrategy: React.FC = () => {
  return (
    <div style={{ padding: '20px' }}>
      <Card
        title="买入策略指南"
        style={{ backgroundColor: '#112240', borderColor: '#233554', color: '#ccd6f6' }}
        headStyle={{ backgroundColor: '#112240', borderBottomColor: '#233554', color: '#64ffda' }}
        bodyStyle={{ backgroundColor: '#112240', color: '#ccd6f6' }}
      >
        <Typography style={{ color: '#ccd6f6' }}>
          <Title level={4} style={{ color: '#64ffda' }}>买入前的准备</Title>
          <Paragraph>
            买入策略强调确定性和性价比，建议在清晰的趋势、明确的基本面支撑以及良好的量能配合下进行操作。
          </Paragraph>
          <Title level={5} style={{ color: '#64ffda' }}>执行要点</Title>
          <Paragraph>
            <ul>
              <li><Text style={{ color: '#64ffda' }}>趋势确认：</Text> 利用均线系统或结构突破确认上升趋势。</li>
              <li><Text style={{ color: '#64ffda' }}>分批建仓：</Text> 设置初始仓位与加仓计划，降低单次买入的风险。</li>
              <li><Text style={{ color: '#64ffda' }}>量价配合：</Text> 放量突破或缩量回踩均线均可作为参考信号。</li>
              <li><Text style={{ color: '#64ffda' }}>风险防控：</Text> 设置合理止损位，避免情绪化交易。</li>
            </ul>
          </Paragraph>
        </Typography>
      </Card>
    </div>
  );
};

export default BuyStrategy;
